<script setup lang="ts">
import AuthBar from '@/components/authBar/index.vue';
import Map from './components/map.vue';
</script>

<template>
  <view class="page flex-col">
    <AuthBar />
    <view class="box-border h-0 w-full flex-1 overflow-auto px-48 py-40">
      <view class="map-container h-full">
        <Map />
      </view>
    </view>
  </view>
</template>

<route type="page" lang="json5">
{
  layout: 'default',
  style: {
    navigationBarTitleText: '院区地图',
    navigationStyle: 'custom'
  }
}
</route>

<style lang="scss" scoped>
.page {
  height: 100%;
  background-color: var(--bg-color);

  .map-container {
    background: #c9e1ff;
    border-radius: 20px;
    border: 2px solid #e6effd;
    box-sizing: border-box;
    overflow: hidden;
  }
}
</style>
